$(function () {
  // 当前页码
  var currenPage = 1;
  var pageCount;
  var totalCount;
  var pagesize;

  //截取字符串中文传参
  function getUrlVal(key) {
    // 获取参数 
    var url = window.location.search;
    // 正则筛选地址栏 
    var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
    // 匹配目标参数 
    var result = url.substr(1).match(reg);
    //返回参数值 
    return result ? decodeURIComponent(result[2]) : null;
  }
  //id与name
  var id = getUrlVal('id');
  var name = getUrlVal('name');
  // 将获取到的分类名添加到新的数组中
  var arr = [{
    title: name
  }];
  // console.log(arr);
  // var categoryid = getUrlVal("categoryid");
  // console.log(id, categoryid)
console.log(id)
  // 渲染分类列表
  date(id, currenPage)
  // 封装获取分类列表的数据
  function date(id, currenPage) {
    // 发送请求
    $.ajax({
      url: 'http://193.112.55.79:9090/api/getproductlist',
      type: 'get',
      data: {
        categoryid: id,
        pageid: currenPage
      },
      async: false, //注意这里async，默认为true表示异步，false表示
      dataType: 'json',
      success: function (res) {
        // 在原数据中追加name
        res.name = arr;
        // console.log(res)
        // 调用模板 渲染数据
        template.config("escape", false);
        var htmlstr = template('listTem', res);
        $('.lkf_con_main').html(htmlstr)

        // 给全局变量赋值
        pagesize = res.pagesize;
        totalCount = res.totalCount;

        pageAdd(totalCount, pagesize, currenPage)
      }
    })
  }

  title(name)
  // 封装渲染面包屑的函数
  function title(name) {
    var htmlstr = '<li>' + name + '</li>';
    $('.lkf_con_title ul').append(htmlstr);
  }

  // 求总页码数
  pageCount = Math.ceil(totalCount / pagesize)
  // 下一页 点击渲染下一页的数据
  $('.lkf_next').on('click', function () {
    // console.log(currenPage)
    currenPage++;
    // 当当前页码大于总页码数时,当前页码等于总页码数
    if (currenPage > pageCount) {
      currenPage = pageCount
      return;
    }
    // 调用函数渲染下一页的数据
    date(id, currenPage);
  })


  // 上一页 点击切换上一页的数据
  $('.lkf_prev').on('click', function () {
    currenPage--;
    // 当当前页码小于1时,当前页码等于1
    if (currenPage < 1) {
      currenPage = 1;
      return;
    }
    // 调用函数渲染当前页的数据
    date(id, currenPage);
  })

  // 
  function pageAdd(totalCount, pagesize, currenPage) {
    // 求页码总数
    pageCount = Math.ceil(totalCount / pagesize)
    // 当页面加载时渲染页码器
    option(currenPage, pageCount)
  }

  // 封装渲染页码器函数
  function option(currenPage, pageCount) {
    // 定义空字符串
    var htmlstr = ''
    // 循环遍历添加页码器
    for (var i = 0; i < pageCount; i++) {
      htmlstr += '<option value="' + currenPage + '">' + currenPage + '/' + pageCount + '</option>'
    }
    // 将页码器渲染到页面上
    $('.lkf_device').html(htmlstr);
  }
})